<template>
  <div>
    <p>{{message}}</p>
    <p>结果：{{revString}}</p>
    <button v-on:click="reverseStringC()">反转字符串</button>
  </div>
</template>

<script>
export default {
  name: 'reverseStringComputed',
  data () {
    return {
      message: 'runoob'
    }
  },
  computed: {
    reverseStringC: function () {
      this.message = this.message.split('').reverse().join('')
      // return this.message.split('').reverse().join('') // 这是的事件是无效果的
    }
  },
  methods: {
    revString: function () {
      return this.message.split('').reverse().join('')
    }
  }
}
</script>
